body{
    margin: 0 0;
}



.small_img {
    width: 300px;
    height: 300px;
    /*display: inline-block;*/
    float: left;
}

.small_img img {
    width: 100%;
    height: 100%;
}


.distinct {
    width:100px;
    height: 100px;
    background-color: rgba(255, 165, 0, 0.78);
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.big_img {
    width: 600px;
    height: 600px;
    display: none;
    float: left;
    background-image: url('./img/2.jpeg');
    background-size:contain;
    background-repeat: no-repeat;
}